<template>
  <div class="g-flex-between-center">
    <span class="select-option-title">{{ props.name }}</span>
    <span class="select-option-subtitle" v-if="props.subName">{{ props.subName }}</span>
  </div>
</template>
<script lang="ts">
export default {
  name: 'COption'
};
</script>
<script lang="ts" setup>
import { withDefaults, defineProps } from 'vue';
interface IProps {
  name: string;
  subName?: string;
}
const props = withDefaults(defineProps<IProps>(), {});
</script>
<style lang="scss" scoped></style>
